<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>函数</title>
  </head>
  <body>
    <script>
      // 普通函数
      // 和 ArkTS 一样
      function sayHi(name) {
        console.log(name + "吃了么 您吶~");
        return name + "你好~";
      }

      // 匿名函数
      // ArkTS 中不支持（ap9-next 迁移时需要注意的）
      const eatFood = function (food) {
        console.log("吧唧吧唧", food + "好好吃");
      };
      eatFood("肠粉~");

      // 箭头函数
      // 化简的规则 和 ArkTS 中一样
      // const arrowFunc = (name)=>{
      //   return name+'么么哒'
      // }
      const arrowFunc = (name) => name + "么么哒";

      // 剩余参数
      // 可以传递任意个参数
      // defaultFood = '剁椒鱼头'
      // function eatFoodPlus(f1, f2) {}
      function eatFoodPlus(defaultFood = "剁椒鱼头", ...foods) {
        console.log(defaultFood);
        console.log(foods);
      }
      // eatFoodPlus('西葫芦', '西芹', '西兰花', '西红柿')
      eatFoodPlus();
    </script>
  </body>
</html>
